<template>
  <!-- 基金 开始 -->
  <div id="index">
    <div class="zfund_cont1">
      <div class="cont1_det clearFloat">
        <div class="ig fl"><img src="../../images/zfund2.png" /></div>
        <div class="fon fl">
          <div class="name">雷大军</div>
          <div class="zw">
            <span>族长</span>
            <em>ID：LXDIEL01</em>
          </div>
        </div>
      </div>
    </div>
    <div class="zfund_cont3">
      <div class="top">
        <span>我的订单</span>
        <router-link :to="{path: '/trade/all'}"><img class="fr"  src="../../images/back_light.png"/><i>查看全部订单</i></router-link>
      </div>
    </div>
    <div class="zfund_cont2">
      <ul class="clearFloat">
        <li class="li2">
          <div class="li_box">
            <router-link :to="{path: '/trade/all'} ">
              <div class="top"><img src="../../images/my_nav1.png" /></div>
              <div class="fon">所有订单</div>
            </router-link>
          </div>
        </li>
        <li class="li2">
          <div class="li_box">
            <router-link :to="{path: '/trade/lc'} ">
              <div class="top"><img src="../../images/my_nav2.png" /></div>
              <div class="fon">待开证</div>
            </router-link>
          </div>
        </li>
        <li class="li2">
          <div class="li_box">
            <router-link :to="{path: '/trade/negotiation'} ">
              <div class="top"><img src="../../images/my_nav3.png" /></div>
              <div class="fon">待押汇</div>
            </router-link>
          </div>
        </li>
        <li class="li2">
          <div class="li_box">
            <router-link :to="{path: '/trade/tax'} ">
              <div class="top"><img src="../../images/my_nav4.png" /></div>
              <div class="fon">待垫税</div>
            </router-link>
          </div>
        </li>
      </ul>
    </div>
    <div class="zfund_cont5">
      <router-link  :to="{path:'/trade/qq'}">
        <i><img src="../../images/zfund12.png"/></i>
        <span>我的订单</span>
        <i class="arrow"><b>2</b><img src="../../images/back_light.png"/></i>
      </router-link>
    </div>
    <div class="zfund_cont5">
      <a href="javascript:;">
        <i><img src="../../images/zfund12.png"/></i>
        <span>购物车</span>
        <i class="arrow"><b>3</b><img src="../../images/back_light.png"/></i>
      </a>
    </div>
    <div class="zfund_cont5">
      <a href="javascript:;">
        <i><img src="../../images/zfund11.png"/></i>
        <span>开票信息</span>
        <i class="arrow"><img src="../../images/back_light.png"/></i>
      </a>
    </div>
    <div class="zfund_cont5">
      <a href="javascript:;">
        <i><img src="../../images/ticket.png"/></i>
        <span>优惠劵/现金劵</span>
        <i class="arrow"><b>5</b><img src="../../images/back_light.png"/></i>
      </a>
    </div>
    <foot></foot>
  </div>

</template>

<script>
  import { myIndexjs } from '../../scripts/index.js'
  import foot from '../../components/footer/footGuide'
  import axios from 'axios'
  export default {
    name: "index",
    methods:{methods1:function(){
        myIndexjs();
      }
    },
    components : {
      foot
    }

  }
</script>

<style lang="scss"  scoped>
  @import "../../style/common";
  @import "../../style/mixin";
  .zfund_cont1{height: 3.14rem;background: url(../../images/zfund1.jpg) no-repeat center;background-size: 100% 100%;}
  .zfund_cont1 .cont1_det{padding-top: 0.95rem;padding-left: 0.5rem;}
  .zfund_cont1 .cont1_det .ig{padding: 0.1rem;background: #fff;border: solid 0.02rem #979797;border-radius: 50%;}
  .zfund_cont1 .cont1_det .ig img{vertical-align: middle;width: 1.48rem;height: 1.48rem;border-radius: 50%;}
  .zfund_cont1 .cont1_det .fon{margin-left: 0.3rem;}
  .zfund_cont1 .cont1_det .fon .name{line-height: 100%;color: #FA2F5D;font-size: 0.42rem;padding-top: 0.2rem;}
  .zfund_cont1 .cont1_det .fon .zw{margin-top: 0.38rem;}
  .zfund_cont1 .cont1_det .fon .zw span{display: inline-block;padding-left: 0.48rem;color: #fff;font-size: 0.26rem;line-height: 0.36rem;background: url(../../images/zfund3.png) no-repeat left center;background-size: 0.36rem;}
  .zfund_cont1 .cont1_det .fon .zw em{color: #fff;font-size: 0.26rem;line-height: 0.36rem;margin-left: 0.42rem;}
  .zfund_cont3{margin-top: 0.2rem;background: #fff;}
  .zfund_cont3 .top{padding: 0 0.25rem;line-height: 0.78rem;border-bottom: solid 1px #f5f4f9;overflow: hidden;}
  .zfund_cont3 .top span{color: #666;font-size: 0.26rem;display: block;float: left;line-height: 0.78rem;}
  .zfund_cont3 .top i{color: #999;font-size: 0.22rem;float: right;display: block;line-height: 0.78rem;}
  .zfund_cont3 .top img{
    width: 0.3rem;
    margin-top: 0.23rem;}
  .zfund_cont2{background: #ffffff;margin-bottom: 0.2rem;}
  .zfund_cont2 ul li{float: left;width: 25%;}
  .zfund_cont2 ul li .li_box{border-right: solid 1px #f5f4f9;padding: 0.08rem 0 0.3rem;}
  .zfund_cont2 ul li.li4 .li_box{border-right: none;}
  .zfund_cont2 ul li a{display: block;height: 100%;}
  .zfund_cont2 ul li .top{height: 1.08rem;line-height: 1.08rem;text-align: center;}
  .zfund_cont2 ul li.li2 .top img{vertical-align: middle;width: 0.68rem;}
  .zfund_cont2 ul li .fon{line-height: 100%;text-align: center;font-size: 0.22rem;}
  .zfund_cont2 ul li.li2 .fon{color: #9B9B9B;}
  .zfund_cont5{padding: 0 0.45rem;height: 0.88rem;line-height: 0.88rem;border-bottom: 1px solid #F4F4F4;background: #fff;}
  .zfund_cont5 a{display: block;height: 100%;}
  .zfund_cont5 a i{display: block;float: left;}
  .zfund_cont5 a i img{width: 0.36rem;}
  .zfund_cont5 a span{display: inline-block;line-height: 0.88rem;color: #666;font-size: 0.22rem;padding-left: 0.25rem;}
  .zfund_cont5 a i.arrow{float: right;}
  .zfund_cont5 a i.arrow b{height: .3rem;line-height: .3rem;text-align: center;margin-top: .28rem;font-weight:100;width: .3rem;background: #fc6152;color: #fff;display: block;font-size: 0.12rem;float: left;border-radius: .3rem;}

</style>
